<template>
  <div>
    <Search />
    <ErrorTips />
    <ErrorArticleCard ref="articleCard" />
  </div>
</template>

<script>
    import Search from './Search'
    import ErrorTips from './ErrorTips'
    import ErrorArticleCard from './ErrorArticleCard'
    export default {
        name: "ErrorContent",
        components:{
            Search,
            ErrorTips,
            ErrorArticleCard,
        },
        mounted(){
            this.$emit("component","error")
        },
        methods:{
            recovery(){
                this.$refs.articleCard.getArticleInfo()
            },
            toSearch(keyWord){
                this.$refs.articleCard.searchInfo(keyWord)
            }
        }
    }
</script>

<style scoped>

</style>
